<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // 同步: 按步骤 按顺序进行;  
  // 异步: 同时执行,也叫并发; 

  // 异步代码  计时器 延时器 ajax

  // 假如完全同步: 循环6次  每次(5s)  => 6 * 5s => 30s  非常浪费时间

  // 方便理解:  延时器等待时间较长(异步),启动了延时器并不等待他, 直接执行后续的代码 => 到点自动执行 

  // for (var i = 0; i < 6; i++) {
  //     setTimeout(function(){
  //         console.log(i);
  //     },5000);
  // }
  // console.log("页面加载完毕",i); // 6.

  // debugger;
  // for (var i = 0; i < 6; i++) {
  //   console.log("-------------");
  //   setTimeout(function () {
  //     // debugger;
  //     console.log(i);
  //   }, 50000000000000);
  //   console.log("++++++++++++");
  // }
  // console.log("页面加载完毕", i); // 6



  for (let i = 0; i < 6; i++) {
    setTimeout(function () {
      console.log(i);
    }, 50000000000000);
  }
  console.log("页面加载完毕", i); // 6











</script>

</html>